<template>
  <div class="info_page_container primary-blue" style="width: 480px;">
    <div class="page-title" style="cursor: pointer; margin-bottom: 20px;" @click="handleGoBack">
      <i class="el-icon-arrow-left"></i>
      我的钱包/提现
    </div>
    <el-form>
      <el-form-item label="提现方式">
        <el-select v-model="formData.payment" placeholder="请选择">
          <el-option label="加密货币" value="1" />
          <el-option label="银行卡" value="1" />
        </el-select>
      </el-form-item>
      <el-form-item label="币种协议">
        <el-select v-model="formData.payment" placeholder="请选择">
          <el-option label="加密货币" value="1" />
        </el-select>
      </el-form-item>
      <el-form-item label="区块链网络">
        <el-button type="primary" size="large">OMNI</el-button>
      </el-form-item>
      <el-form-item label="提现地址">
        <el-input placeholder="请输入提币地址" />
      </el-form-item>
      <el-form-item label="数量">
        <div>
          <el-input placeholder="请输入" />
          <div style="color: rgb(86, 176, 105);"> 当前余额: 0.00 USDT ≈ 0.00 BTC </div>
        </div>
      </el-form-item>
      <el-form-item>
        <div class="withdraw-tips flex-between">
          <span> 实际到账: 0.00 BTC </span>
          <span> 手续费: 3.00% </span></div>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" style="width: 100%;" size="large">确定</el-button>
      </el-form-item>
    </el-form>
  </div>
</template>
<script setup>
import { reactive } from 'vue'
import router from '@/router'
const formData = reactive({
  payment: ''
})
const handleGoBack = () => {
  router.go(-1)
}
</script>
<style scoped>
.info_page_container {
  margin-top: 24px;
  margin-left: 34px;
}
:deep(.el-form-item) {
  flex-direction: column;
}
:deep(.el-form-item__label) {
  justify-content: flex-start;
  height: 40px;
  line-height: 40px;
}
:deep(.el-form-item__content) {
  height: 40px;
  line-height: 40px;
  position: relative;
  font-size: 14px;
}
:deep(.el-button--primary){
  color: #fff;
  background-color: var(--color-main);
  border-color: var(--color-main);
}

.flex-between, .flex-center {
  display: flex;
  align-items: center;
}
.flex-between {
  justify-content: space-between;
}
</style>